<%--
  Created by IntelliJ IDEA.
  User: de'l'l
  Date: 2025/8/29
  Time: 18:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <%-- projectManager的index --%>
    <title>aaa图书借阅系统</title>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            show(1);
        });

        $(document).on("click", "input[alt]", function () {
            show($(this).attr("alt"));
        });

        function show(indexpage){
            //1.发动异步，获得全部数据
            $.get("binfo/getListByPage",{"indexpage":indexpage} , function (ph) {
                JSON.stringify(ph);
                $("tbody").empty();

                if(ph.listIndex.length ==0){
                    $("                <tr>\n" +
                        "                <td colspan='6'>(＞人＜；)对不起，没没有符合的查询记录！</td>\n" +
                        "            </tr>").appendTo("tbody");
                }else{
                    for (var i = 0; i < ph.listIndex.length; i++) {
                        var obj = ph.listIndex[i];
                        $("                <tr>\n" +
                            "                <td>" + obj.bookId + "</td>\n" +
                            "                <td>" + obj.bookType + "</td>\n" +
                            "                <td>" + obj.bookName + "</td>\n" +
                            "                <td>" + obj.bookAuthor + "</td>\n" +
                            "                <td>" + obj.publishPress + "</td>\n" +
                            "                <td>" + (obj.isBorrow === 0 ? "未借阅" : "已借阅") + "</td>\n" +
                            "            </tr>").appendTo("tbody");
                    }
                }

                //2.获得ph里的属性，动态添加到tfoot里
                $("tfoot td").empty();


                if (ph.pageIndex != 1) {
                    $("<input type='button' value='首页' alt='1'/>").appendTo("tfoot td");
                    $("<input type='button' value='上一页' alt='" + (ph.pageIndex - 1) + "'/>").appendTo("tfoot td");
                }
                for (var i = 1; i <= ph.pageCount; i++) {
                    $("<input type='button' value='" + i + "' alt='" + i + '"/>').appendTo("tfoot td");
                }

                if (ph.pageIndex != ph.pageCount) {
                    $("<input type='button' value='下一页' alt='" + (ph.pageIndex + 1) + "'/>").appendTo("tfoot td");
                    $("<input type='button' value='尾页' alt='" + ph.pageCount + "'/>").appendTo("tfoot td");
                }
                $("<b> 第" + ph.pageIndex + "/" + ph.pageCount + "页 </b>").appendTo("tfoot td");
                $("<i>到第<input type='text' style='width: 25px' id='pageindex'/> 页</i>").appendTo("tfoot td");
                $("<input type='button' value='确定' alt='确定'/>").appendTo("tfoot td");
            });

        }


    </script>
</head>
<body>

<%-- bookList.jsp --%>

<table>
    <caption>aaa图书借阅系统</caption>
    <thead>
    <tr> <%-- 第一排 查询 --%>
        <td colspan="6">
            图书分类：
            <select name="bookType"></select>
            图书名称：
            <input type="text" name="bname">
            是否借阅：
            <select name="isBorrow"></select>
            <input type="button" value="查询">
        </td>
    </tr>

    <tr> <%-- 第二排 用户名 --%>
        <td colspan="6" style="text-align: right;">
            当前用户：
            <span name="uname"></span>
            <a href="">退出</a>
        </td>
    </tr>

    <tr style="background-color: darkgray"> <%-- 第三排 表头 --%>
        <th>图书编号</th>
        <th>图书分类</th>
        <th>图书名称</th>
        <th>作者</th>
        <th>出版社</th>
        <th>借阅</th>
    </tr>

    </thead>
    <tbody></tbody>
    <tfoot>
    <tr>
        <td colspan="6"></td>
    </tr>
    </tfoot>

</table>


</body>
</html>
